/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {

	
/***************************************************
			    Main container
***************************************************/
	
#container {
	
	width: 90%;

}



/***************************************************
				Top-Left-Box
***************************************************/	

.top-left-box{
 float: left;
 height:100%;
 width: 100%;
 /*background-color:#eee;
 background-image: url("../images/bg.png"); background-repeat: repeat ; 
 background-attachment: scroll;
 background-position: center center; */
}
	
.top-left-box-content {
   padding: 15px 15px 20px 30px;
   padding-top: 35px;
   padding-bottom:20px;
   
}



.text_content_left-box{
 
	width:80%;
}

/***************************************************
				   SEPARATOR 
***************************************************/

img.separator{
   
   width:100%;
   height:100%;	
}


/***************************************************
	       IMAGES Redes sociales Ribbon
***************************************************/	

#ribbon{
  display:none;
}


#logo_fb{
     display:none;
}


#logo_tw{
    display:none;
}



/***************************************************
				MENU
***************************************************/	
#menu{
    height:100px;
}

span.nav a.nav{
	line-height:4;
            padding:10px;
	    
        }
	
.middle-right-box_2{
  margin-left:15px;
  margin-top:30px;

}
 span.nav a.nav:hover,
	span.nav a.nav:focus{
	    border-left: 0px; 
	    border-right: 0px;
        }
	
span.nav a.nav#active{
	    border-left: 0px; 
	    border-right: 0px;
	 
        }
}
/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width: 650px) {

/***************************************************
				MENU
***************************************************/	
#menu{
    padding-left:10px;
}

/************************************************************************************
           BOX
*************************************************************************************/	
	
.middle-right-box{
  margin-left:0px;
  margin-top:30px;
  padding:0px;
  width:100%;
}

.text_content_left-box{

	padding-right:0px;
	
}

.text_content{

	padding-right:0px;
	
}

.top-left-box-content{
	padding:0px;
}

.top-left-box-container{

    padding:5px;
}

.middle-left-box-content{
   padding: 20px;
  
}

.middle-right-box-content{
   padding: 20px;
  
}

.middle-right-box_2{
  margin-left:0px;
  padding: 0px;
  width:100%;

}

}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) {

/***************************************************
				MENU
***************************************************/	
#menu{
    height:440px;
    padding:0px;
}
span.nav a.nav{
	line-height:7;
        padding-left:50px;
	padding-right:50px;
        }


#container{
	width:100%;
	border:none;
}

.text_content_left-box{
 
	width:100%;
}

}

img.mac{
	width:80%;
}

/************************************************************************************
smaller than 450
*************************************************************************************/
@media screen and (max-width: 320px) {

/***************************************************
				MENU
***************************************************/	
#menu{
    height:700px;
    padding:0px;
}
span.nav a.nav{
	line-height:7;
        padding-left:50px;
	padding-right:50px;	
        }


#container{
	width:100%;
}

.text_content_left-box{
 
	width:100%;
}

/***************************************************
				Formulario-Box
****************
**************************************************/
.formulario_box{
   position: relative;
   float:right;
}

}


